<template>
    <el-row id="container">
        <el-col :span="4" class="left">
            <router-link to="/homePage">统计</router-link>
            <router-link to="/adminIndex">管理员</router-link>
            <router-link to="/userManagement">用户管理</router-link>
            <router-link to="/goodsManagement">商品管理</router-link>
            <router-link to="/goods">练习子传父</router-link>
            <router-link to="/lianxiGoods">练习组件</router-link>
        </el-col>
        <el-col :span="20" class="right">
            <RouterView/>
        </el-col>
    </el-row>
</template>
<script setup>
    import {RouterLink,RouterView} from "vue-router"
</script>
<style scoped lang="less">
    #container{
        height: 100%;
    }
    .left{
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        box-shadow: 2px 0px 2px #ccc;
    }
    .right{
        box-sizing: border-box;
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
</style>